<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>服务前端</title>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css"></link>
    <script>
        $(function () {
        })
    </script>
</head>
<body>

<div align="center">
    <form action="submitOrder" method="post">
        <table width="100%" border="1px">
            <thead>
            <tr>
                <th width="40%">服务</th>
                <th width="20%">单价</th>
                <th width="20%">数量</th>
                <th width="20%">小计</th>
            </tr>
            </thead>
            <tbody>
            <#if quantity ??>
            <tr align="center">
                <td width="40%"><input type="checkbox" name="productId" value="${product.productId}"><img
                        src="${product.imageUrl}"></td>
                <td width="20%">${product.price}</td>
                <input type="hidden" value="${quantity}" name="quantity" id="quantity">
                <td width="20%">${quantity}</td>
                <td width="20%">${product.price*quantity}</td>
            </tr>
            </#if>
            <tr>
                <td>具体需求：</td>
                <td></td>
            </tr>
            </tbody>
        </table>

        <span>需付款：￥<i id="total"></i>${product.price*quantity}</span><br>
        <input type="hidden" id="type" name="type" value="${product.type}">
        <input type="submit" class="btn btn-info" value="提交订单">
    </form>
</div>
</body>
</html>